<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title><ui:insert name="titulo">#{msg.titulo_aplicacao}</ui:insert></title>
        <h:outputStylesheet library="css" name="estilo.css" />
        <h:outputScript library="script" name="funcoes.js"/> 
        <h:outputScript library="script" name="maskmoney.js"/> 
        <h:outputScript library="script" name="emulatetab.js"/> 
        <script type="text/javascript" src="#{msg.endereco_maps}"></script>
    </h:head>
    <h:body>
        <div id="container">

            <div id="superior">
                <div id="logotipo">
                    <h:graphicImage library="imagens" name="logotipo.jpg" />
                </div>
                <div id="barra_menu">
                    <ui:insert name="barra_menu">
                        <ui:include src="/restrito/menu_sistema.xhtml"/>                   
                    </ui:insert>
                </div>
                <div id="breadcrumb">
                    <h:panelGroup id="pgInfoUsuario">
                        <div style="float: right !important">
                            <h:outputText value="#{msg.usuario}: "/>
                            <h:outputText id="otUsuarioLogado2" value="#{loginUsuario.usuarioLogado.login}" styleClass="usuario-logado"/>
                            <h:outputText value=" - #{msg.versao}: "/>
                            <h:outputText id="otVersaoSistema" value="#{loginUsuario.contexto.versao}" styleClass="usuario-logado"/>
                        </div>
                    </h:panelGroup>
                    <ui:insert name="breadcrumb"/>
                </div>
            </div>

            <div id="global">

                <div id="messages" >
                    <p:messages id="messages" closable="true" autoUpdate="true" redisplay="true" escape="false"/> 
                </div>

                <div id="corpo" style="overflow: auto">
                    <f:view encoding="ISO-8859-1">
                        <ui:insert name="corpo" />
                    </f:view>
                </div>

            </div>

            <div id="rodape">
                <ui:insert name="rodape">
                    <ui:include src="/rodape.xhtml" />
                </ui:insert>
            </div>	    

        </div>
    </h:body>
    <script type="text/javascript">
        window.onload = function(){
            redimensionar('global');
        }
        window.onresize = function(){
            redimensionar('global');
        }
    </script>    
</html>